
<%@ page  contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/Eventstar/css/exam.css" />
    <style>

        .exam-cj{
            width: 240px;
            height: 240px;
            border: 1px dashed orange;
            margin: 10px;

        }
        .exam-c{
            border: 1px solid gainsboro;
            width: 260px;
            height: 260px;
            margin: 30px 0 0 30px;
            box-shadow:  0 0 10px gainsboro;
            float: left;
        }

        .exam-cjks{
            width: 82px;
            font-size: 16px;
            margin: 55px 80px;
            color: orange;
        }

        .exam-cjks img{
            margin: 9px;
        }
        .exam-fb{
            border: 1px solid gainsboro;
            width: 260px;
            height: 260px;
            margin: 30px 0 0 30px;
            box-shadow:  0 0 10px gainsboro;
            float: left;
            background-color:green;
        }

        .fb-son{
            width: 260px;
            height: 250px;
            background-color:honeydew;
            font-size: 18px;
            margin-top: 10px;
            text-align: center;

        }
        li{list-style: none; margin-bottom: 7px;}
        .fb-son2{
            width: 260px;
            height: 220px;
            border-top:1px solid gainsboro ;
            margin-top: 20px;
        }

        .fb-son3{
            height: 51px;
            width: 260px;
            background-color: whitesmoke;
        }

        .fb-tj{
            height: 35px;
            width: 80px;
            border: 1px gainsboro solid;
            border-radius: 5px;
            font-size: 15px;
            padding-bottom: 5px;
            margin: 5px;
            float: left;
            cursor: pointer;
        }
        a{
            text-decoration: none;

        }
    </style>
</head>

<body>
<div class="exam">
    <div class="exam-til"><b >参加的考试</b></div>
    <div class="exam-s">
        <form action="/Eventstar/toexam/cjksidfind" method="post">
            <div class="exam-ss"><input placeholder="搜索考试" name="eid">
                <button style=" background: transparent; border: none"><img src="/Eventstar/img/ss2.png"></button>
            </div>
        </form>
    </div>
   <div class="exam-tks"> <a href="/Eventstar/toexam/cjksfind"><p>全部考试</p></a></div>
    <div class="exam-son">
        <div class="exam-c"><div class="exam-cj">
            <div class="exam-cjks"><img src="/Eventstar/img/guanli29.png" />创建新考试</div>
        </div></div>
        <c:forEach items="${cjks}" var="i">
        <div class="exam-fb">
            <form action="/Eventstar/toexam/ksdel" method="post">
            <div class="fb-son">
                <br />
                <span class="sp">${i.exam_name}</span>
                        <div class="fb-son2">
                            <ul style="float: left; margin-left:-20px; font-size:14px;">
                                <li><b>开始时间：</b>${i.exam_start_date}</li>

                                <li><b>结束时间：</b>${i.exam_end_date}</li>

                                <li style="float: left;"><b>出卷：</b></li>
                            </ul>
                            <a style="margin-left: 180px; font-size: 14px;" href="">考试详情</a>
                            <div class="fb-son3">
                                <input value="${i.exam_id}" name="sc" hidden>
                                <button  value="${i.exam_id}" name="sc" class="fb-tj">统计</button>
                                <button class="fb-tj">删除考试</button>
                    </div>
                </div>
            </div>
            </form>
        </div>
        </c:forEach>
        <c:forEach items="${examid}" var="i">
            <div class="exam-fb">
                <form action="/Eventstar/toexam/ksdel" method="post">
                <div class="fb-son">
                    <br />
                    <span class="sp">${i.exam_name}</span>
                    <div class="fb-son2">
                        <ul style="float: left; margin-left:-20px; font-size:14px;">
                            <li><b>开始时间：</b>${i.exam_start_date}</li>

                            <li><b>结束时间：</b>${i.exam_end_date}</li>

                            <li style="float: left;"><b>出卷：</b></li>

                        </ul>
                        <a style="margin-left: 180px; font-size: 14px;" href="">考试详情</a>
                        <div class="fb-son3">
                            <a href=""><button class="fb-tj">统计</button></a>
                            <input value="${i.exam_id}" name="sc" hidden>
                            <a href=""><button   class="fb-tj">删除考试</button></a>
                        </div>
                    </div>
                </div>
            </form>
            </div>
        </c:forEach>
    </div>
</div>

</body>

</html>